<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/common/taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>卓新会计培训学校</title>
		<%@ include file="/WEB-INF/content/jsp/common/jspcommon.jsp"%>
	</head>
	<body>
		<div class="divf"> 
			<!-- 顶部文件 -->
			<%@ include file="/WEB-INF/content/jsp/common/top.jsp"%>
			
			<!-- 网站导航 -->
			<%@ include file="/WEB-INF/content/jsp/common/navigation.jsp"%>
			
			<!-- 分享 -->
			<%@ include file="/WEB-INF/content/jsp/common/share.jsp"%>
			
			<div class="center">
				<!-- banner start -->
				<div class="banner">
					<script type="text/javascript">
					var timeout = 500;
					var closetimer = 0;
					var ddmenuitem = 0;
					
					function jsddm_open() {	
						jsddm_canceltimer();
						jsddm_close();
						ddmenuitem = $(this).find('ul').eq(0);
						ddmenuitem.show();
					}
					
					function jsddm_close() {	
						if(ddmenuitem)ddmenuitem.hide();
					}
					
					function jsddm_timer(){
						closetimer = window.setTimeout(jsddm_close, timeout);
					}
					
					function jsddm_canceltimer() {
						if(closetimer){
							window.clearTimeout(closetimer);
							closetimer = null;
						}
					}
					
					$(document).ready(function(){	
					
					$('#jsddm > li').bind('mouseover', jsddm_open);
						$('#jsddm > li').bind('mouseout',  jsddm_timer);});
					
					document.onclick = jsddm_close;
					
					$(function() {
						var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
						var len = $("#focus ul li").length; //获取焦点图个数
						var index = 0;
						var picTimer;
						
						//以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
						var btn = "<div class='btnBg'></div><div class='btn'>";
						for(var i=0; i < len; i++) {
							btn += "<span></span>";
						}
						btn += "</div><div class='preNext pre'></div><div class='preNext next'></div>";
						$("#focus").append(btn);
						$("#focus .btnBg").css("opacity",0.5);
					
						//为小按钮添加鼠标滑入事件，以显示相应的内容
						$("#focus .btn span").css("opacity",0.4).mouseenter(function() {
							index = $("#focus .btn span").index(this);
							showPics(index);
						}).eq(0).trigger("mouseenter");
					
						//上一页、下一页按钮透明度处理
						$("#focus .preNext").css("opacity",0.2).hover(function() {
							$(this).stop(true,false).animate({"opacity":"0.5"},300);
						},function() {
							$(this).stop(true,false).animate({"opacity":"0.2"},300);
						});
					
						//上一页按钮
						$("#focus .pre").click(function() {
							index -= 1;
							if(index == -1) {index = len - 1;}
							showPics(index);
						});
					
						//下一页按钮
						$("#focus .next").click(function() {
							index += 1;
							if(index == len) {index = 0;}
							showPics(index);
						});
					
						//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
						$("#focus ul").css("width",sWidth * (len));
						
						//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
						$("#focus").hover(function() {
							clearInterval(picTimer);
						},function() {
							picTimer = setInterval(function() {
								showPics(index);
								index++;
								if(index == len) {index = 0;}
							},4000); //此4000代表自动播放的间隔，单位：毫秒
						}).trigger("mouseleave");
						
						//显示图片函数，根据接收的index值显示相应的内容
						function showPics(index) { //普通切换
							var nowLeft = -index*sWidth; //根据index值计算ul元素的left值
							$("#focus ul").stop(true,false).animate({"left":nowLeft},300); //通过animate()调整ul元素滚动到计算出的position
							//$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果
							$("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); //为当前的按钮切换到选中的效果
						}
					});
					
					</script>

					<div id="focus">
						<ul>
							<c:forEach var="banner" items="${bannerList}">
								<li><a href="<c:url value='${banner.href }'/>" target="_blank"><img src="<c:url value='${banner.path }'/>" width="1028" height="318" alt="${banner.name }" /></a></li>
							</c:forEach>
						</ul>
					</div>
				</div>
				<!-- banner end   -->
				
				<!-- 最新动态 start -->
				<div class="center1">
					<div class="tit1"><b class="tit_l">最新动态</b><a href="#" title="more" class="more"></a></div>
					<div class="c1_c">
						<c:forEach var="news" items="${newsList}">
							<p class="mR_p1"><a href="<c:url value='/jsp/news/details.jhtml?id=${news.id }'/>" target="_blank">${news.title }</a><span>${news.ttime }</span></p>
						</c:forEach>
					</div>
				</div>
				<!-- 最新动态 end   -->
				
				<!-- 最近开班时间 start -->
				<div class="center2">
					<div class="tit2"><b class="tit_l">近期开班时间</b><a href="<c:url value='/jsp/grade/index.jhtml'/>" title="more" class="more"></a></div>
					<div class="c1_c2">
						<div class="table_tit">
							<p class="tb_tit1">课程名称</p>
							<p class="tb_tit2">班型</p>
							<p class="tb_tit3">开班时间</p>
							<p class="tb_tit4">卓新学费</p>
							<p class="tb_tit5">查看课程</p>
						</div>
						<div>
							<c:forEach var="grade" items="${gradeList}">
							<div id="benzhan_c">
								<div class="table_tit2">
									<p class="tb_tit1">${grade.name }</p>
									<p class="tb_tit2">${grade.sort.text }</p>
									<p class="tb_tit3">${grade.term }</p>
									<p class="tb_tit4"><fmt:parseNumber type="number" pattern="##0.00">${grade.tuition }</fmt:parseNumber>元</p>
									<p class="tb_tit5"><a href="<c:url value='/jsp/grade/details.jhtml?id=${grade.id }'/>" target="_blank"><img src="<c:url value='/jsp/images/ico_biao.png'/>" /></a></p>       
								</div>
							</div>
							</c:forEach>
							<script type="text/javascript" language="javascript">new srcMarquee("benzhan_c", 0, 1, 489, 186, 17, 3000, 3000, 186)</script>
						</div>
					</div>
				</div>
				<!-- 最近开班时间 start -->
				
				<!-- 校园风采 start -->
				<div class="center3">
					<div class="tit3"><b class="tit_l">校园风采</b><a href="<c:url value='/jsp/school/index.jhtml'/>" title="more" class="more"></a></div>
					<div class="c1_c">
						<c:forEach var="news" items="${schoolList}">
						<div class="fx_f">
							<a class="fx_img" href="<c:url value='/jsp/news/details.jhtml?id=${news.id }'/>" target="_blank"><img src="<c:url value='${news.path }'/>" width="92" height="65" alt="${news.title}" /></a>
							<a class="fx_text" href="<c:url value='/jsp/news/details.jhtml?id=${news.id }'/>" target="_blank">${news.title }</a>
						</div>
						</c:forEach>						
						<div class="clear_All"></div>
					</div>
				</div>
				<!-- 校园风采 end   -->
				<div class="clear_All"></div>
				
				<!-- 推荐课程 start -->
				<div class="tit4">
					<p class="fl"><img src="<c:url value='/jsp/images/ico_tj.png'/>" title="推荐课程" /></p>
					<p class="tit4_p1">
						<a href="<c:url value='/jsp/ask-online/edit.jhtml'/>" target="_blank" class="tp4_1"><b>报名咨询：</b><img src="<c:url value='/jsp/images/Tel_1.png'/>" alt="${application.phone }" /></a>
						<a href="<c:url value='/jsp/listen/index.jhtml'/>" target="_blank" class="tp4_2"><b>网上申请免费试听</b></a>
						<a href="<c:url value='/jsp/enter/index.jhtml'/>" target="_blank" class="tp4_3"><b>网上报名</b></a>
					</p>
					<a href="<c:url value='/jsp/course/index.jhtml'/>" class="more2" title="更多课程">更多课程</a>
				</div>
				<div class="center4">
					<c:forEach var="course" items="${courseList}">
						<div class="c4_c1">
							<h2>${course.name }</h2>
							<p class="c4_p1"><span>￥<fmt:parseNumber type="number" pattern="##0.00">${course.tuition }</fmt:parseNumber>元</span><a href="<c:url value='/jsp/course/details.jhtml?id=${course.id }'/>" target="_blank">查看详细&gt;&gt;</a></p>
							<p class="c4_p2"><img src="<c:url value='${course.photo }'/>" width="220" height="104" alt="${course.name }" /></p>
						</div>
					</c:forEach>	
				</div>
				<!-- 推荐课程 end   -->
				
				<!-- 特色服务 start -->
				<div class="tit5">
					<p class="fl"><img src="<c:url value='/jsp/images/ico_ts.png'/>" title="特色服务" /></p>
					<p class="tit4_p1"><img src="<c:url value='/jsp/images/img_gg1.png'/>" alt="一流的教学，才能造就一流的学员!" /></p>
					<a href="javascript:void(null);" class="more2" title="更多服务">更多服务</a>
				</div>
				<div class="center5"></div>
				<!-- 特色服务 end   -->
				
				<!-- 资料下载 start -->
				<div class="center1">
					<div class="tit1"><b class="tit_l">资料下载</b><a href="<c:url value='/jsp/sys-access/index.jhtml'/>" title="more" class="more"></a></div>
					<div class="c1_c">
						<c:forEach var="access" items="${accessList}">
							<p class="mR_p1"><a href="<c:url value='/jsp/sys-access/details.jhtml?id=${access.id }'/>" target="_blank">${access.name }</a><span><a href="<c:url value='/jsp/sys-access/details.jhtml?id=${access.id }'/>" target="_blank">[立即下载]</a></span></p>
						</c:forEach>
					</div>
				</div>
				<!-- 资料下载 end   -->
				
				<!-- 我们的保证 start -->
				<div class="center2">
					<div class="tit2"><b class="tit_l">我们的保证</b><a href="<c:url value='/jsp/job/index.jhtml'/>" title="more" class="more"></a></div>
					<div class="c1_c3">
						<p class="cqy_p1">签约名企</p>
						<c:forEach var="job" items="${jobList}">
							<p class="cqy_p2"><a href="<c:url value='/jsp/job/details.jhtml?id=${job.id }'/>" target="_blank">${job.company.name }</a><b>聘：</b>${job.name }</p>
						</c:forEach> 
						<div class="jymq_f">
							<p class="cqy_p3">就业明星</p>
							<c:forEach var="student" items="${studentList}">
								<div class="cqy_p4">
									<img src="<c:url value='${student.photo }'/>" width="84" height="114" alt="${student.name }" />
									<div class="cqy_p41">
									<h3><a href="<c:url value='/jsp/student/details.jhtml?id=${student.id }'/>" target="_blank">${student.name }</a></h3>
									<p>
										<b>学习前：</b>${student.inText }<br />
										<b>报读班型：</b>${student.grade.name }<br />
										<b>现状：</b>${student.outText }<br />
									</p>
									<a href="#" title="查看详细">查看详细</a>
									</div>
								</div>
							</c:forEach>			
						</div>
					</div>
				</div>
				<!-- 我们的保证 end   -->
				
				<!-- 学术花絮 start -->
				<div class="center3">
					<div class="tit3"><b class="tit_l">学术花絮</b><a href="<c:url value='/jsp/news/index.jhtml?vo.code=XSHX'/>" title="more" class="more" target="_blank"></a></div>
					<div class="c1_c">
						<c:forEach var="follow" items="${followList}">
							<p class="mR_p2"><a href="<c:url value='/jsp/news/details.jhtml?id=${follow.id }'/>" target="_blank">${follow.title }</a></p>
						</c:forEach>
					</div>
				</div>
				<!-- 学术花絮 end   -->
				<div class="clear_All"></div>
				
				<!-- 友情连接 start -->
				<div class="lin_F">
					<b>友情连接:</b>
					<c:forEach var="link" items="${linkList}">
						<a href="${link.href }" target="_blank">${link.name }</a>
					</c:forEach>
					<div class="clear_All"></div>
				</div>
				<!-- 友情连接 end   -->
				
				
				<!-- 底部文件 -->
				<%@ include file="/WEB-INF/content/jsp/common/fooder.jsp"%>
				
				<!-- 在线资讯 -->
				<%@ include file="/WEB-INF/content/jsp/common/online.jsp"%>
			</div>			
		</div>		
	</body>
</html>